<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>v-贵宾卡充值</title>
<link href="../css/global.css" rel="stylesheet" type="text/css">
<link href="../css/v.css" rel="stylesheet" type="text/css">
<link href="../css/v-order.css" rel="stylesheet" type="text/css">
<link href="../css/v-personal.css" rel="stylesheet" type="text/css">
</head>

<body>
<div class="site-nav min-w">
	<div class="wrap clearfix">
		<div class="sn-info fr">
			<a href="javascript:void(0);" target="_blank">注册<span class="sn-line1">/</span>登录</a>
			<span class="sn-line">|</span>
			<a href="javascript:void(0);" target="_blank">我的订单</a>
			<a href="javascript:void(0);" target="_blank">我的收藏</a>
			<a href="javascript:void(0);" target="_blank">线下门店</a>
			<a href="javascript:void(0);" target="_blank">站内公告</a>
			<a href="javascript:void(0);" target="_blank">商家后台</a>
		</div>
	</div>
</div>
<div class="header min-w">
	<div class="wrap">
		<h1 class="logo"><img src="../images/logo.png">v+</h1>
		<div class="search-warp">
			<div class="search-form">
				<input type="text" class="search-text" placeholder="羽绒服">
				<button class="v-btn search-button">搜索</button>
				<p class="hot-search">
					<label class="search-label">热门搜索：</label>
					<a href="javascript:void(0);" target="_blank">免烫衬衫</a>
					<a href="javascript:void(0);" target="_blank">羽绒99元</a>
					<a href="javascript:void(0);" target="_blank">长款羽绒</a>
					<a href="javascript:void(0);" target="_blank">保暖内衣</a>
					<a href="javascript:void(0);" target="_blank">我的订单</a>
				</p>
			</div>
			<div class="shopping-cart">
				<a class="cart-span" href="javascript:;"><em class="v-icon cart-icon"></em>我的购物车<span class="cart-num">9</span></a>
				<div class="dropdown-wrap">
					<h2 class="cart-tit">最近加入的商品</h2>
					<div class="cart-con">
						<ul class="cart-ul">
							<li>
								<a href="javascropt:void(0);" class="cart-goods-link">
									<img src="#" class="cart-goods-img">
									<div class="cart-goods">
										<h3 class="cart-goods-name">阿玛尼EA正品男装男士亚麻休闲休闲</h3>
										<div class="cart-goods-info"><span>颜色：灰色</span><span>尺码：s</span></div>
										<span class="cart-goods-price"><strong>￥1699.00</strong> X </span>1<span></span>
										<span class="cart-del">删除</span>
									</div>
								</a>
							</li>
							<li>
								<a href="javascropt:void(0);" class="cart-goods-link">
									<img src="#" class="cart-goods-img">
									<div class="cart-goods">
										<h3 class="cart-goods-name">阿玛尼EA正品男装男士亚麻休闲休闲</h3>
										<div class="cart-goods-info"><span>颜色：灰色</span><span>尺码：s</span></div>
										<span class="cart-goods-price"><strong>￥1699.00</strong> X <span>1</span></span>
										<span class="cart-del">删除</span>
									</div>
								</a>
							</li>
							<li>
								<a href="javascropt:void(0);" class="cart-goods-link">
									<img src="#" class="cart-goods-img">
									<div class="cart-goods">
										<h3 class="cart-goods-name">阿玛尼EA正品男装男士亚麻休闲休闲</h3>
										<div class="cart-goods-info"><span>颜色：灰色</span><span>尺码：s</span></div>
										<span class="cart-goods-price"><strong>￥1699.00</strong> X <span>1</span></span>
										<span class="cart-del">删除</span>
									</div>
								</a>
							</li>
							<li>
								<a href="javascropt:void(0);" class="cart-goods-link">
									<img src="#" class="cart-goods-img">
									<div class="cart-goods">
										<h3 class="cart-goods-name">阿玛尼EA正品男装男士亚麻休闲休闲</h3>
										<div class="cart-goods-info"><span>颜色：灰色</span><span>尺码：s</span></div>
										<span class="cart-goods-price"><strong>￥1699.00</strong> X <span>1</span></span>
										<span class="cart-del">删除</span>
									</div>
								</a>
							</li>
						</ul>
					</div>
					<div class="cart-count">
						<p>共<strong>6</strong>件商品</p>
						<p>共计<strong>￥5261.00</strong></p>
						<button class="v-btn cart-btn">去购物车查看</button>
					</div>
				</div>
		   </div>
		</div>
	</div>
</div>
<div class="home-nav min-w">
	<div class="wrap">
    	<div class="home-nav-item">
        	<a href="javascript:void(0);" class="home-nav-a home-index">首页<em class="v-icon nav-arr-top"></em></a>
        </div>
		<div class="home-nav-item">
            <a href="javascript:void(0);" class="home-nav-a cur">上衣<em class="v-icon nav-arr-top"></em></a>
            <div class="home-nav-dropdown">
                <a href="javascript:void(0);">上衣</a>
                <a href="javascript:void(0);">上衣</a>
                <a href="javascript:void(0);">上衣</a>
                <a href="javascript:void(0);">上衣</a>
            </div>
        </div>
        <div class="home-nav-item">
            <a href="javascript:void(0);" class="home-nav-a">裤子<em class="v-icon nav-arr-top"></em></a>
            <div class="home-nav-dropdown">
                <a href="javascript:void(0);">裤子</a>
                <a href="javascript:void(0);">裤子</a>
                <a href="javascript:void(0);">裤子</a>
                <a href="javascript:void(0);">裤子</a>
                <a href="javascript:void(0);">裤子</a>
                <a href="javascript:void(0);">裤子</a>
            </div>
        </div>
        <div class="home-nav-item">
            <a href="javascript:void(0);" class="home-nav-a">鞋子<em class="v-icon nav-arr-top"></em></a>
            <div class="home-nav-dropdown">
                <a href="javascript:void(0);">鞋子</a>
                <a href="javascript:void(0);">鞋子</a>
                <a href="javascript:void(0);">鞋子</a>
            </div>
        </div>
        <div class="home-nav-item">
            <a href="javascript:void(0);" class="home-nav-a">配饰<em class="v-icon nav-arr-top"></em></a>
            <div class="home-nav-dropdown">
                <a href="javascript:void(0);">配饰</a>
                <a href="javascript:void(0);">配饰</a>
                <a href="javascript:void(0);">上衣</a>
                <a href="javascript:void(0);">上衣</a>
            </div>
        </div>
	</div>
</div>
<div class="content min-w">
	<div class="crumb-nav wrap">
        <a href="javascript:void(0);">首页</a>
        <span class="crumb-arr">&gt;</span>
        <a href="javascript:void(0);">个人中心</a>
    </div>
	<div class="wrap clearfix">
    	<div class="recharge-wrap">
        	<div class="recharge-bg"></div>
            <div class="recharge-con">
            	<h2 class="recharge-h2">当前余额</h2>
                <h2 class="recharge-cur">￥5364.00</h2>
                <h4 class="recharge-h4">选择充值金额</h4>
                <ul class="recharge-ul clearfix">
                	<li class="selected">
                        <div class="recharge-div">
                            <h3 class="recharge-h3"><span>1000</span>元</h3>
                            <p class="recharge-p">送<span>100</span>元</p>
                            <em class="v-icon selected-i selected-i2"></em>
                        </div>
                    </li>
                    <li>
                        <div class="recharge-div">
                            <h3 class="recharge-h3"><span>10</span>元</h3>
                            <p class="recharge-p">送<span>100</span>元</p>
                            <em class="v-icon selected-i selected-i2"></em>
                        </div>
                    </li>
                    <li>
                        <div class="recharge-div">
                            <h3 class="recharge-h3"><span>10</span>元</h3>
                            <p class="recharge-p">送<span>100</span>元</p>
                            <em class="v-icon selected-i selected-i2"></em>
                        </div>
                    </li>
                    <li>
                        <div class="recharge-div">
                            <h3 class="recharge-h3"><span>10</span>元</h3>
                            <p class="recharge-p">送<span>100</span>元</p>
                            <em class="v-icon selected-i selected-i2"></em>
                        </div>
                    </li>
                </ul>
                <h4 class="recharge-h4">选择支付方式</h4>
                <ul class="recharge-ul recharge-ul1 clearfix">
                	<li class="selected">
                        <div class="recharge-div">
                            <h3 class="recharge-way">支付宝</h3>
                            <em class="v-icon selected-i selected-i2"></em>
                        </div>
                    </li>
                    <li>
                        <div class="recharge-div">
                            <h3 class="recharge-way">微信</h3>
                            <em class="v-icon selected-i selected-i2"></em>
                        </div>
                    </li>
                </ul>
                <div class="recharge-rule-box">
                    <div class="check-con recharge-check">
                        <em class="v-icon check-default"></em>
                        <label>我已经阅读活动规则，知晓充值金额不可提现、退款</label>
                    </div>
                    <button class="v-btn recharge-btn recharge-btn1">立即充值</button>
                    <div class="recharge-rule">
                    	<h4>活动规则</h4>
                        <p>1、充值成功后，您的充值金额及赠送金额将会实时进入您的凡客账户</p>
                        <p>2、在活动期间，不限充值次数，可累计充值，多充多送</p>
                        <p>3、充值金额仅可通过您的个人账户购买凡客商品，不计利息，不可提现、退款及转赠</p>
                        <p>4、使用充值金额购物的订单，按凡客退货规则办理退换货，退货订单产生的退款将返回账户余额</p>
                        <p>5、发票金额按您实际消费的金额开具，赠送金额消费不能开具发票</p>
                        <p>6、余额有效日期：永久有效</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- jQuery -->
<script src="http://libs.baidu.com/jquery/1.8.3/jquery.min.js"></script>
<script src="../js/common.js"></script>
<script src="../js/v-info.js"></script>
</body>
</html>
